<template>
  <h1>点击按钮翻转字符</h1>
  <h3>{{ msg }}</h3>
  <button @click="btnmsg">点击翻转字符</button>
</template>

<script setup>
import {ref} from 'vue'
const msg = ref("Hello Vue3")
/*
1、获取字符串并剪切为字符数组
2、翻转数组
3、将数组拼接为字符串

*/
const btnmsg = () => { 
console.log(msg.value.split('').reverse().join(''));
    msg.value = msg.value.split('').reverse().join('')
}


</script>

<style scoped>

</style>